page {
	height: 100%;
}
.container {
  display: flex;
  flex-direction: column;
  height: 100vh;
  width: 100%;
  overflow-y: auto;
	background: #F6F6F6;
	.nav {
		background: #FFFFFF;
	}
	.order-list {
		.order-item {
			margin-top: 20rpx;
			padding: 24rpx 30rpx 30rpx 30rpx;
			background-color: #FFFFFF;
			.header {
				display: flex;
				justify-content: space-between;
				.service-name {
					display: flex;
					align-items: center;
					color: #999;
					font-size: 24rpx;
					.img {
						width: 22rpx;
						height: 22rpx;
						border-radius: 50%;
					}
					.name {
						margin-left: 8rpx;
					}
				}
				.status {
					font-size: 28rpx;
				}
				.status0 {
					color: #FF6161;
				}
				.status4 {
					color: #666;
				}
				.status1 {
					color: #0177FD;
				}
			}
			.order-content {
				display: flex;
				align-items: center;
				margin-top: 20rpx;
				.shop-logo {
					width: 110rpx;
					height: 110rpx;
					border-radius: 10rpx;
					.logo {
						width: 110rpx;
						height: 110rpx;
						border-radius: 10rpx;
					}
				}
				.shop-info {
					margin-left: 22rpx;
					display: flex;
					flex-direction: column;
					.shop-name {
						color: #333;
						font-size: 30rpx;
						font-weight: bold;
					}
					.shop-price {
						margin-top: 30rpx;
						color: #666;
						font-size: 24rpx;
					}
				}
			}
			.true-service {
				margin-top: 20rpx;
				text-align: end;
				color: #999;
				font-size: 28rpx;
				.true-price {
					color: #FF6161;
				}
			}
			.bottom-btn {
				margin-top: 30rpx;
				display: flex;
				align-items: center;
				justify-content: space-between;
				color: #666;
				font-size: 26rpx;
				width: 100%;
				.header-count {
					color: #FF9B21;
				}
				.flex-end {
					flex: 1;
					display: flex;
					justify-content: flex-end;
					.btn-detail {
						display: flex;
						align-items: center;
						justify-content: center;
						width: 152rpx;
						height: 55rpx;
						border-radius: 86rpx;
						border: 2rpx solid #A4A4A4;
					}
				}
			}
		}
		.empty-wrap {
		  display: flex;
		  flex-direction: column;
		  padding: 80rpx 0 100rpx;
		  align-items: center;
		  .empty-img {
		    width: 415rpx;
		    height: 415rpx;
		  }
		  .tips {
				margin-top: 10rpx;
		    font-size: 30rpx;
		    color: #999;
		  }
		}
	}
}